<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>支队首页</title>
  <link rel="stylesheet" href="normalize.css">
  <link rel="stylesheet" href="common.css">
  <link rel="stylesheet" href="style.css">

  <!-- <script src="./index.js"></script> -->
</head>

<body>
  <div class="main">
    <!-- 头部 -->
    <div class="header">
      <div class="h-red"></div>
      <div class="h-blue"></div>
      <img src="https://img.js.design/assets/img/634fb21007e4f37a7f1384e0.png#1c71091f24bfd6876fd4aa67d9b6590c" alt=""
        class="jinghui">
      <div class="left-side">
        <span>中国消防救援</span><span>CHINA AND RESCUE</span>
      </div>
      <div class="right-side">
        <span>中国消防救援</span><span>CHINA AND RESCUE</span>
      </div>
    </div>

    <div class="container">
      <!-- 主体内容 -->
      <div class="content">
        <!-- 左 -->
        <div class=" main-left">
          <div class="left-top">
            <div class="city">
              <img class="logo" src="./images/图层_x0020_1.png (1).png" alt="">
              <div class="info">
                <img src="./images/3 声铃.png" alt="">
                <img src="./images/城市/厂房火灾.png" alt="">
              </div>
            </div>
            <div class="feiji">

            </div>
            <div class="city">
              <img class="logo" src="./images/图层_x0020_1.png (1).png" alt="">
              <div class="info">
                <span>123</span>
                <span>456</span>
              </div>
            </div>
            <div class="feiji"></div>
          </div>
        </div>

        <!-- 中 -->
        <div class=" main-center">
          <div class="center-top">
            <div class="msg">
              <img src="./images/分组 4.png" alt="">
              <span>0</span>
            </div>
            <div class="msg">
              <img src="./images/分组 4.png" alt="">
              <span>0</span>
            </div>
            <div class="msg">
              <img src="./images/分组 4.png" alt="">
              <span>0</span>
            </div>
            <div class="msg">
              <img src="./images/分组 4.png" alt="">
              <span>0</span>
            </div>
          </div>
          <div class="map"></div>
        </div>

        <!-- 右 -->
        <div class=" main-right">
          <div class="right-top">
            <div class="top">
              <span>文字</span>
              <span>文字</span>
              <span>文字</span>
            </div>
            <div class="content">
              <ul class="info">
                <li>文字</li>
                <li>文字</li>
                <li>文字</li>
              </ul>
              <ul class="info">
                <li>文字</li>
                <li>文字</li>
                <li>文字</li>
              </ul>
              <ul class="info">
                <li>文字</li>
                <li>文字</li>
                <li>文字</li>
              </ul>
              <ul class="info">
                <li>文字</li>
                <li>文字</li>
                <li>文字</li>
              </ul>
            </div>
          </div>
        </div>
      </div>


      <div class="zhanwei"></div>
      <!-- 底部 -->
      <div class="footer"></div>
    </div>
  </div>

</body>

</html>
